Feature · headless
Headless
The Project API and SDK: the same collections and forms behind the Canvas site, served as JSON to any front end.
Edit once, everywhere
loop runs on screen
A clinic closing time is changed on the entry and the change travels the API to the Canvas site, the iOS app and the front-desk screen in turn. Alternates, so the edit is undone the same way.
views/components/visuals/headless/v1.html
Static · three placements
Collections · Locations
Location
Ponsonby Clinic
Closes
Saved
Website · Canvas
iOS app · SDK
Front desk · Kiosk
Collections · Locations
Location
Ponsonby Clinic
Closes
Saved
Website · Canvas
iOS app · SDK
Front desk · Kiosk
Collections · Locations
Location
Ponsonby Clinic
Closes
Saved
Website · Canvas
iOS app · SDK
Front desk · Kiosk
Animated · loop
Collections · Locations
Location
Ponsonby Clinic
Closes
Saved
Website · Canvas
iOS app · SDK
Front desk · Kiosk
Request, response
once one pass, holds
A curl against the Project API with a publishable key, and the JSON that comes back revealed line by line. The plainest possible statement of headless.
views/components/visuals/headless/v2.html
Static · three placements
$ curl https://northwind.blutui.com \
/api/collections/team/entries \
-H "Authorization: \
Bearer bt_publishable_…"▏
{
"object": "list",
"data": [
{ "name": "Ada Okafor", "role": "Engineer" },
{ "name": "Sam Reid", "role": "Producer" },
{ "name": "June Park", "role": "Strategist" }
],
"meta": { "total": 4 }
}
$ curl https://northwind.blutui.com \
/api/collections/team/entries \
-H "Authorization: \
Bearer bt_publishable_…"▏
{
"object": "list",
"data": [
{ "name": "Ada Okafor", "role": "Engineer" },
{ "name": "Sam Reid", "role": "Producer" },
{ "name": "June Park", "role": "Strategist" }
],
"meta": { "total": 4 }
}
$ curl https://northwind.blutui.com \
/api/collections/team/entries \
-H "Authorization: \
Bearer bt_publishable_…"▏
{
"object": "list",
"data": [
{ "name": "Ada Okafor", "role": "Engineer" },
{ "name": "Sam Reid", "role": "Producer" },
{ "name": "June Park", "role": "Strategist" }
],
"meta": { "total": 4 }
}
Animated · once
$ curl https://northwind.blutui.com \
/api/collections/team/entries \
-H "Authorization: \
Bearer bt_publishable_…"▏
{
"object": "list",
"data": [
{ "name": "Ada Okafor", "role": "Engineer" },
{ "name": "Sam Reid", "role": "Producer" },
{ "name": "June Park", "role": "Strategist" }
],
"meta": { "total": 4 }
}
Create a token
cutoutonce one pass, holds
Cutout on a navy ground: the project's Headless tab in the console, the Project API base URL under the title and the tokens its front ends run on, cropped through the Blutui mark on the left and running off the bottom. The cursor arrives on Create token, the button takes its hover shade, a press, and a Storefront token lands at the top of the list with a green flash, its value written out in full the one time the console shows it while the count ticks 2 to 3. At card width the base URL chip and the last-used column are dropped, as the real view does on narrow screens.
views/components/visuals/headless/c1.html
Static · three placements
Access tokens
(2)(3)
bt_publishable_7Qa9NfLc2VtR8xJm
Never used
bt_publishable_••••••••4c1e
Used 2 min ago
bt_publishable_••••••••9f30
Used 6 hours ago
Project API
Every collection, form, menu and page in this project, as JSON.
Access tokens
(2)(3)
bt_publishable_7Qa9NfLc2VtR8xJm
Never used
bt_publishable_••••••••4c1e
Used 2 min ago
bt_publishable_••••••••9f30
Used 6 hours ago
Project API
Every collection, form, menu and page in this project, as JSON.
Access tokens
(2)(3)
bt_publishable_7Qa9NfLc2VtR8xJm
Never used
bt_publishable_••••••••4c1e
Used 2 min ago
bt_publishable_••••••••9f30
Used 6 hours ago
Project API
Every collection, form, menu and page in this project, as JSON.
Animated · once
Access tokens
(2)(3)
bt_publishable_7Qa9NfLc2VtR8xJm
Never used
bt_publishable_••••••••4c1e
Used 2 min ago
bt_publishable_••••••••9f30
Used 6 hours ago
Project API
Every collection, form, menu and page in this project, as JSON.
Overrides none — the file's own defaults